<template>
  <div class="container">
    <header>
      <a href="javascript:;" class="left">
        <i class="iconfont icon-up21"></i>
      </a>
      <p>安全设置</p>
      <a href="javascript:;" class="right">
        <i class="iconfont icon-kefu1"></i>
      </a>
    </header>
    <section>
      <div class="content">
        <ul class="safe-ul">
          <router-link to="/updatepwd">
            <li class="safe-li">
              <span class="iconfont icon-mima"></span>
              <p>修改密码</p>
              <i class="iconfont icon-up11"></i>
            </li>
          </router-link>
          <li class="safe-li">
            <span class="iconfont icon-shouji1"></span>
            <p>绑定手机</p>
            <i class="iconfont icon-up11"></i>
          </li>
          <li class="safe-li">
            <span class="iconfont icon-duanxin"></span>
            <p>绑定邮箱</p>
            <i class="iconfont icon-up11"></i>
          </li>
          <li class="safe-li">
            <span class="iconfont icon-xingqiu"></span>
            <p>密保问题</p>
            <i class="iconfont icon-up11"></i>
          </li>
          <li class="safe-li">
            <span class="iconfont icon-weixin3"></span>
            <p>绑定微信</p>
            <i class="iconfont icon-up11"></i>
          </li>
        </ul>
      </div>
    </section>
    <Footer />
  </div>
</template>

<script>
import Footer from "../components/Footer.vue";
export default {
  components: {
    Footer,
  },
};
</script>
<style src="../assets/css/myspec.css" scoped></style>
<style lang="less" scoped>
html,
body {
  height: 100%;
  box-sizing: border-box;
}
section {
  color: #555555;
  height: 100%;
  box-sizing: border-box;
  overflow-y: auto;
  padding: 50px 0 50px 0;
  /*overflow: hidden;*/
  .safe-ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    background: #fff;
    .safe-li {
      line-height: 52px;
      height: 52px;
      display: flex;
      justify-content: space-between;
      padding: 0 10px;
      border-bottom: 1px solid #eee;
       color: #ccc; 
      p {
        margin-right: 200px;
        color: #555;
      }
      span {
        font-size: 26px;
      }
    }
  }
}
</style>